<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>后台操作日志系统</title>
<%@include file="/WEB-INF/base.jspf"%>
 
<style>
 #test1 {
	 margin: 2px;  
	 height: 37px;
}
	.modal-dialog {
		max-width: 1000px;
	}
#test2 {
	margin: 2px;
	height: 37px;
}

#qblx {
	margin: 2px;
	height: 37px;
}

#zflx {
	margin: 2px;
	height: 37px;
}

.layui-inline {
	height: 100px;
}

#hymc {
	margin: 2px;
	height: 45px;
}

#sy {
	font-size:30px;
} 
.btn btn-primary btn-lg{
	
}
table th,table tr,table td {
	text-align: center;
	vertical-align:middle;
}

</style>
	</head>
	<body>
<form style="display:flex;align-items:center;margin-bottom:20px;" class="">
		<input type="text" class="layui-input datePick datePick3" name="time" id="test3" style="width:200px;" placeholder="请选择查询时间">
		<button class="layui-btn" style="margin-left:16px;">查询</button>
<!-- 		<button class="layui-btn" type="button" id="button-i-delChat">删除</button>
 -->	</form>
			<div>
				<table id="table_id_example" class="class-tableDataTable class-table-needClick display table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th>用户名</th>
							<th>操作类型</th>
							<th>备注</th>
							<th>操作时间</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${log}" var="emp">
						  <tr class="">
							<td class="name-td">${emp.name}</td>
							<td class="td-operationtype">${emp.operationtype}</td>
							<td class="td-Remarks">${emp.remarks}</td>	
							<td class="operationtime-ip">${emp.operationtime}</td>					
						</tr>
						</c:forEach>
					</tbody>
				</table>
		
</div>

	<script src="<%=basePath %>layui/layui.js"></script>
	<script>
	layui.use('laydate', function(){
		  var laydate = layui.laydate;
		  //执行一个laydate实例
		  laydate.render({
		    elem: '#test3', //指定元素
	    	type: 'date',
		  });
		});	
	$("#table_id_example").DataTable({
	      // "bPaginate": true,
	      "bLengthChange": true,      
	      "bSort": false,
	      // "bInfo": true,
	      "bAutoWidth": false,
//	         "bServerSide":true,
	      'aLengthMenu':[5, 10, 20],
	       "searching": true, 
	       "dom": "t<'tableinfo'i<'tableSearch'p>l>",
//	    "searching": true,l
	       "language": {//语言设置  
	            "lengthMenu": "每页显示 _MENU_ 条记录",     
	            "zeroRecords": "没有检索到数据",     
	            "sInfo": "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",     
	            "info": "没有数据",     
	            "oPaginate": {     
	                "sFirst": "首页",     
	                "sPrevious": "前一页",     
	                "sNext": "后一页",     
	                "sLast": "尾页"    
	          	},
	            "search":"",
	            "searchPlaceholder": "请输入关键字",
	            "infoFiltered":   "(从  _MAX_ 记录中搜索出结果)",
	            "infoEmpty":      "没有找到匹配的信息",
	         }
	                 
	                 
	    })
	</script>
	</body>
</html>



